body:before {
    background: url(https://xwt-leyou.oss-cn-shanghai.aliyuncs.com/1889299-20191205134937226-663850671.png) center/cover no-repeat;
    content: '';
    background-repeat: no-repeat;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.8;
    -webkit-filter: grayscale(40%);
    -moz-filter: grayscale(40%);
    /*-ms-filter: gray(40%);*/
    -o-filter: grayscale(40%);
    filter: grayscale(40%);
    /*filter: gray;*/
}


/* 中心内容区域 */
.content {
    background-color: white;
    opacity: 0.8;
    border-radius: 30px;
    text-align: center;
    width: 60%;
    height: 98%;
    margin: 0 auto;
    border-radius: 30px
}

.el-row {
    margin-bottom: 20px;
}

.el-col {
    border-radius: 4px;
}

.bg-purple-dark {
    background: #99a9bf;
}

.bg-purple {
    background: #d3dce6;
}

.bg-purple-light {
    background: #e5e9f2;
}

.grid-content {
    border-radius: 4px;
    min-height: 36px;
}

.row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
}

.title {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 5px;
}

.subtitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user {
    text-align: left;
    height: 80px;
    width: 100%;
}

.user_img {
    display: block;
    height: 24px;
    width: 24px;
    line-height: 80px;
}

.name {
    text-align: left;
}

.item {
    margin-top: -10px;
    float: right;

}

.share {
    float: right;
    margin-right: 40px;
    margin-top: -10px;
}
